<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>货款支付管理</title>
    <script src="/lib/pub/js/config.js"></script>
    <script src="/func/index.js"></script>
    <script src="index.js"></script>
    <link rel="stylesheet" href="/func/index.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">货款支付管理</h1>
    </header>
    <div>
        <div class="userinfo">
            <div>
                <label>分销商</label><label id="name">---</label>
            </div>
            <div>
                <label>账号</label><label id="account">-----</label>
            </div>
        </div>

        <div class="detailcontent">
            <div class="mz-list-box">
                    <div class="mui-content">
                            <div class="mui-row">
                                    <div class="mui-col-xs-5 cell">
                                        应付总额
                                    </div>
                                    <div id="money_owe" class="mui-col-xs-7 cell">
                                        ---
                                    </div>
                            </div>
                            <div class="mui-row">
                                    <div class="mui-col-xs-5 cell">
                                            本结算周期应付金额
                                    </div>
                                    <div id="money" class="mui-col-xs-7 cell">
                                        ---
                                    </div>
                            </div>
                        <div class="mui-row">
                            <div class="mui-col-xs-5 cell imgcell">
                                <div>
                                        付款方式
                                </div>
                            </div>
                            <div class="mui-col-xs-7 cell subcell">
                                <div class="mui-col-xs-12">
                                    <label for="wx"><input id="wx" value="1" name="pay_type" type="radio" checked>微信</label><a onclick="showqrcode()">点击查看微信收款码</a>
                                </div>
                                <div class="mui-col-xs-12">
                                     <label for="zfb"><input id="zfb" value="2" name="pay_type" type="radio">支付宝</label><a onclick="showqrcode()">点击查看支付宝收款码</a>
                                </div>
                            </div>
                        </div>
                    </div> 

                    <div style="text-align: center;">
                            <button id="noticebtn"  style="width: 2rem;height: 0.6rem;font-size: 0.28rem;line-height: 0.28rem;" type="button" class="mui-btn mui-btn-danger">
                                    通知对方
                            </button>

                    </div>
                    <p style="text-align: center;margin-top: 0.2rem;font-size: 0.24rem;">我已付款请注意查收</p>
                  
            </div>
        </div>

        <div class="detailcontent" style="margin-top: 0.2rem;">
                <div class="mz-list-box">
                        <div class="mui-content">
                            <div id="title" class="mui-row">
                                <div style="border-right-color: white;" class="mui-col-xs-6 cell">
                                    时间 
                                </div>
                                <div class="mui-col-xs-6 cell">
                                    金额
                                </div>
                            </div>

                            <!-- <div class="mui-row">
                                <div class="mui-col-xs-6 cell">
                                    2019-12-12
                                </div>
                                <div class="mui-col-xs-6 cell">
                                    4562
                                </div>
                            </div>
                            <div class="mui-row">
                                    <div class="mui-col-xs-6 cell">
                                        2019-12-12
                                    </div>
                                    <div class="mui-col-xs-6 cell">
                                        4562
                                    </div>
                            </div> -->
                        </div> 
                        
                    </div>
        </div>

    </div>

    <div class="qrcodebox mui-hidden">
        <div>
                <span class="close">X</span>
                <img id="qrcode" src="" alt="">
                <p id="qrcodename">脉赚网官方微信收款码</p>
                <button onclick="download()"  style="width: 2rem;height: 0.6rem;font-size: 0.28rem;line-height: 0.28rem;" type="button" class="mui-btn mui-btn-danger">
                        点击保存
                </button>
        </div>
    </div>


</body>
</html>